import { type SVGProps } from 'react'

interface IconLanguageProps extends SVGProps<SVGSVGElement> {
  language?: 'en' | 'zh'
}

export function IconLanguage({
  language = 'en',
  className,
  ...props
}: IconLanguageProps) {
  return (
    <svg
      viewBox='0 0 24 24'
      fill='none'
      stroke='currentColor'
      strokeWidth='2'
      strokeLinecap='round'
      strokeLinejoin='round'
      className={className}
      {...props}
    >
      {/* Globe outline */}
      <circle cx='12' cy='12' r='10' />
      {/* Longitude lines - different pattern based on language */}
      {language === 'zh' ? (
        <>
          <path d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z' />
          <path d='M2 12h20' />
          <path d='M8 8l8 8M16 8l-8 8' opacity='0.5' />
        </>
      ) : (
        <>
          <path d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z' />
          <path d='M2 12h20' />
        </>
      )}
    </svg>
  )
}
